<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>咖啡</title>	
	<link rel="stylesheet" href="/static/client/css/style.css">
</head>
<body>
<div class="content">
    <div class="header">
        <div class="logo"><a href="#"><img class=pic src="/static/client/images/logo.png"></a></div>
        <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="kafei.html">咖啡及文化</a></li>
                <li><a href="meishi.html">美食与饮品</a></li>
                <li><a href="xinwen.html">美食新闻</a></li>
                <li><a href="liuyan.html">留言板</a></li>
            </ul>
        </div>
    </div>
    <div class="lunbo">   
        <div class="flashbox">
            <div id=SwitchBigPic>
                <div><a href="#"><img class="pic" src="/static/client/images/01.jpg"></a></div>
				<div><a href="#"><img class="pic" src="/static/client/images/02.jpg"></a></div>
                <div><a href="#"><img class="pic" src="/static/client/images/03.jpg"></a></div>
				<div><a href="#"><img class="pic" src="/static/client/images/04.jpg"></a></div>
                <div><a href="#"><img class="pic" src="/static/client/images/05.jpg"></a></div>
            </div>
            <ul id=SwitchNav>
                <li><a href="#"><img src="/static/client/images/01.jpg"><b>夏天是什么味道？</b></a> </li>
                <li><a href="#"><img src="/static/client/images/02.jpg"><b>夏季甜点</b></a> </li>
                <li><a href="#"><img src="/static/client/images/03.jpg"><b>美味香槟</b></a> </li>
                <li><a href="#"><img src="/static/client/images/04.jpg"><b>各式点心</b></a> </li>
                <li><a href="#"><img src="/static/client/images/05.jpg"><b>店长推荐</b></a> </li>
            </ul>
        </div>
    </div>
    <div class="main">
		<div class="liuyan">
        	<div class="title">留言板</div>
            <div class="input-box">姓名：<input type="text"></div>
            <div class="input-box">电话：<input type="text"></div>
            <div class="input-box">邮箱：<input type="text"></div>
            <div class="input-box">手机：<input type="text"></div>
            <div class="input-box">内容：<textarea ></textarea></div>
            <div class="btn">
            	<input type="button" value="提交">
                <input type="button" value="重置">
            </div>      
        </div>
    </div>
    <div class="footer">
        <p> 版权所有@夏季甜点-原色咖啡 </p>
        <p> 京ICP备12345678号</p>
    </div>
	  <script src="/static/client/js/changimages.js" type=text/javascript></script>
      <script src="/static/client/js/prototype.js" type=text/javascript></script>
      <script>
        var bigswitch = new SwitchPic(
            {
                bigpic:"SwitchBigPic",
                switchnav:"SwitchNav",
                selectstyle:"selected",
                objname:"bigswitch"
            }
        ) ;
        bigswitch.goSwitch(bigswitch,0);
        bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);
    </script>
</body>
</html>
